<template>
  <div>
    <van-popup v-model="showPopup">
        <div style="width:200px;height:200px;"><img src="img/qrcode.jpg" alt="" width="100%"></div>
    </van-popup>
    <div @click="showPay" style="position:fixed;right:10%;bottom:100px;opacity:.9;border-radius:50%;width:44px">  <van-button type="warning" style="border-radius:50%">赏</van-button> </div>
  </div>
</template>
<script>
import { Popup, Button } from 'vant';

export default {
  data () {
    return {
      showPopup: false
    };
  },
  components: {
    [Button.name]: Button,
    [Popup.name]: Popup
  },
  methods: {
    showPay () {
      this.showPopup = true;
    }
  }
};
</script>
<style  lang="less">

</style>
